<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.page{
	 
	width:350px; 
	text-align: center;
	margin: auto;
	font-size: 15px;
	 }
	.page a{
	 	margin: 5px;
	 	background-color:#9bcdff;
	 	color:white;
	 	padding: 5px;
	 	font-weight: bold;
	 }
	
	#xinxi tr:nth-child(2n){
	 	background-color: #eeffff;
	 }
	 #xinxi{
	 	width: 95%;
	 	margin-left: 20px;
	 	font-size: 15px;
	 
	 }
</style>
</head>
<body>
	<div
		style="width: 1050px; height: 620px; background-color: #FFF; margin: 20px;">
		<h4
			style="background-color: #9FB2C2; padding-left: 10px; color: #516D8A; line-height: 40px;">
			<img alt="" src="${initParam.url}/statics/images/title.jpg">发通知详情信息
		</h4>
		<div>
			<table class="table table-hover" id="xinxi">
						<tr>
							<th>收通知业主</th>
							<th>通知内容</th>
							<th>状态</th>
						</tr>
						<c:forEach var="li" items="${list}">
						<tr>
						    <td>${li.owner.name }</td>
						    <td>${li.inform.content }</td>
						    <c:if test="${li.status==0}">
						 			  <td>未读</td>
						    </c:if>
							 <c:if test="${li.status==1}">
						 			  <td>已读</td>
						    </c:if>
						</tr>
						</c:forEach>
						</table>
			
			<div class="page">
    				<c:if test="${totalPages>0}">
						<c:if test="${page>1}">
							<a href="?id=${param.id }&page=${page-1}">上一页</a>
						</c:if>
						<c:if test="${page<=1}">
							<a>上一页</a>
						</c:if>
						<c:if test="${page<totalPages}">
							<a href="?id=${param.id }&page=${page+1}">下一页</a>
						</c:if>
						<c:if test="${page>=totalPages}">
							<a>下一页</a>
						</c:if>
	                    	<a href="#">第 ${page} 页，共 ${totalPages} 页</a>
	               </c:if>	
	               </div>
		</div>
		</div>
</body>
</html>